<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<style>
			#finish{
				text-align: center;		
				margin-top: 80px;		
			}
			#finish img{
				margin-top: 1px ;
				margin-bottom: 5px;
			}
		</style>
	</head>

	<body>
		<!-- 主界面不动、菜单移动 -->
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
			<!-- 菜单容器 -->
			<aside class="mui-off-canvas-left" id="offCanvasSide">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!-- 菜单具体展示内容 -->

					</div>
				</div>
			</aside>
			<!-- 主页面容器 -->
			<div class="mui-inner-wrap">
				<!-- 主页面标题 -->
				<header class="mui-bar mui-bar-nav" style="background-color: #23CAD0;">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
					<h1 class="mui-title" style="color: white;font-size: 24px;">袋鼠捎货</h1>
				</header>
				<div class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
						<!-- 主界面具体展示内容 -->
						<div class="mui-bar mui-bar-nav">
							<a class="mui-icon" ><img src="img/slrbank.png" style="width: 60%" /></a>
							<h1 class="mui-title">全部订单</h1>
						</div>
						
						<div id="finish">							
							<img src="img/slrnull.png" style="width: 20%;" />
							<h5>您的订单列表为空。</h5>
						</div>
						
					</div>
				</div>
				<div class="mui-off-canvas-backdrop"></div>
			</div>
		</div>
	</body>

</html>